.dh-alert {
      --dh-alert-primary: var(--dh-color-primary);
      --dh-alert-success: var(--dh-color-success);
      --dh-alert-info: var(--dh-color-info);
      --dh-alert-danger: var(--dh-color-danger);
      --dh-alert-warning: var(--dh-color-warning);
      --dh-alert-color: var(--dh-color-black);
      display: flex;
      justify-content: space-between;
      align-items: center;
      /* height: auto; */
      padding: 10px 20px;
      border: 1px solid var(--dh-border-color-light);
      border-radius: 5px;
      color: var(--dh-alert-color);
      margin-bottom: 20px;
  }
  .dh-alert span {
    margin-left: 8px;
  }
  .alert-enter-from,.alert-leave-to {
    opacity: 0;
  }
  .alert-enter-active, .alert-leave-active { transition: opacity 0.5s ease; }
  .alert-enter-to , .alert-leave-from {
    opacity: 1;
  }
  .dh-alert--primary {
    background-color: var( --dh-alert-primary);
    --dh-alert-color:var(--dh-color-white)
  }
  .dh-alert--primary.is-light {
    --dh-alert-color:var(--dh-color-primary-dark-2);
    --dh-alert-primary:var(--dh-color-primary-light-9)
  }
  .dh-alert--success {
    background-color: var(--dh-alert-success);
    --dh-alert-color:var(--dh-color-white);

  }
  .dh-alert--success.is-light {
    --dh-alert-color:var(--dh-color-success-dark-2);
    --dh-alert-success:var(--dh-color-success-light-9)
  }
  .dh-alert--info {
    --dh-alert-color:var(--dh-color-white);
    background-color: var(--dh-alert-info);
  }
  .dh-alert--info.is-light {
    --dh-alert-color:var(--dh-color-info-dark-2);
    --dh-alert-info:var(--dh-color-info-light-9)
  }
  .dh-alert--danger {
    --dh-alert-color:var(--dh-color-white);
    background-color: var(--dh-alert-danger);
  }
  .dh-alert--danger.is-light {
    --dh-alert-color:var(--dh-color-danger-dark-2);
    --dh-alert-danger:var(--dh-color-danger-light-9)
  }
  .dh-alert--warning {
    --dh-alert-color:var(--dh-color-white);
    background-color: var(--dh-alert-warning);
  }
  .dh-alert--warning.is-light {
    --dh-alert-color:var(--dh-color-warning-dark-2);
    --dh-alert-warning:var(--dh-color-warning-light-9)
  }